<!DOCTYPE html>
<html lang="cn" xmlns:th="http://www.thymeleaf.org">
<head th:replace="decorator :: common_header(~{::'title/text()'},~{::customHead})">
    <meta charset="UTF-8">
    <title>还款计划管理</title>

    <!--/*/ <th:block th:fragment="customHead" > /*/-->
    <!-- jQuery 2.2.3 -->
    <script src="lib/adminLTE/plugins/jQuery/jquery-2.2.3.min.js"></script>
    <link rel="stylesheet" type="text/css"
          href="lib/adminLTE/plugins/datatable/media/css/dataTables.bootstrap.css"/>
    <link rel="stylesheet" type="text/css"
          href="lib/adminLTE/bootstrap-select/css/bootstrap-select.css"/>
    <link rel="stylesheet" type="text/css"
          href="lib/adminLTE/plugins/datatable/extensions/Select/css/select.bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css"
          href="lib/adminLTE/plugins/datatable/extensions/Select/css/select.dataTables.min.css"/>
    <!--/*/ </th:block > /*/-->

</head>
<body th:replace="decorator :: common_body(~{::mainBody},~{::tailScript})">
<!-- 原型注释  -->
<!--/*/ <th:block th:fragment="mainBody" >  /*/-->
<div class="box box-primary">
    <div class="box-header with-border">
        <h3 class="box-title">还款计划搜索</h3>
    </div>
    <!-- /.box-header -->
    <div class="box-body">
        <form id="repaymentPlanSearchForm" action="repaymentPlan/getRepaymentPlanList">
            <!-- 防止浏览器自动提交 -->
            <input type="text" style="display: none;"/>
            <div class="row">

                <div class="col-md-2">
                    <div class="form-group">
                        <label for="id">交易记录id:</label>
                        <input id="id" name="id" type="text" placeholder="交易记录id:"
                               class="form-control field"/>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="form-group">
                        <label for="userId">用户id:</label>
                        <input id="userId" name="userId" type="text" placeholder="用户id:"
                               class="form-control field"/>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="form-group">
                        <label for="createStart">创建开始时间:</label>
                        <input id="createStart" name="createStart" type="text" placeholder="创建开始时间"
                               class="form-control field form_datetime"/>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="form-group">
                        <label for="createEnd">创建结束时间:</label>
                        <input id="createEnd" name="createEnd" type="text" placeholder="创建结束时间"
                               class="form-control field form_datetime"/>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="form-group">
                        <label for="reStatus">还款状态:</label>
                        <select id="reStatus" name="reStatus" class="selectpicker show-tick form-control">
                            <option value="" selected="selected">不限</option>
                            <option value="N">无需还款</option>
                            <option value="R">待还款</option>
                            <option value="O">逾期</option>
                            <option value="F">已结清</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-4"></div>
                <div class="col-md-4">
                    <div class="form-group">
                        <button id="repaymentPlanSearchBtn" type="button" class="btn btn-primary btn-block btn-flat">搜索
                        </button>
                    </div>
                </div>
                <div class="col-md-4"></div>
            </div>
        </form>
    </div><!-- /.box-body -->
</div>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"
     backdrop="false">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title" id="myModalLabel">
                    借款记录如下：
                </h4>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-6">
                        <label for="id1">交易记录id:</label>
                        <span class="field" id="id1"></span>
                    </div>
                    <div class="col-md-6">
                        <label for="id2">交易状态:</label>
                        <span class="field" id="id2"></span>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <label for="id3">还款类型:</label>
                        <span class="field" id="id3"></span>
                    </div>
                    <div class="col-md-6">
                        <label for="id4">还款状态:</label>
                        <span class="field" id="id4"></span>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <label for="id5">用户id:</label>
                        <span class="field" id="id5"></span>
                    </div>
                    <div class="col-md-6">
                        <label for="id6">产品id:</label>
                        <span class="field" id="id6"></span>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <label for="id7">产品名字:</label>
                        <span class="field" id="id7"></span>
                    </div>
                    <div class="col-md-6">
                        <label for="id8">借款合约开始时间:</label>
                        <span class="field" id="id8"></span>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <label for="id9">借款合约结束时间:</label>
                        <span class="field" id="id9"></span>
                    </div>
                    <div class="col-md-6">
                        <label for="id10">实际结清时间:</label>
                        <span class="field" id="id10"></span>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <label for="id11">是否逾期:</label>
                        <span class="field" id="id11"></span>
                    </div>
                    <div class="col-md-6">
                        <label for="id12">借款本金:</label>
                        <span class="field" id="id12"></span>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <label for="id13">当前利率:</label>
                        <span class="field" id="id13"></span>
                    </div>
                    <div class="col-md-6">
                        <label for="id14">初始利率:</label>
                        <span class="field" id="id14"></span>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <label for="id15">分期数:</label>
                        <span class="field" id="id15"></span>
                    </div>
                    <div class="col-md-6">
                        <label for="id16">已还期数:</label>
                        <span class="field" id="id16"></span>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <label for="id17">已还本金:</label>
                        <span class="field" id="id17"></span>
                    </div>
                    <div class="col-md-6">
                        <label for="id18">已还利息:</label>
                        <span class="field" id="id18"></span>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <label for="id19">计息方式:</label>
                        <span class="field" id="id19"></span>
                    </div>
                    <div class="col-md-6">
                        <label for="id20">借款合同号:</label>
                        <span class="field" id="id20"></span>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <label for="id21">交易金额:</label>
                        <span class="field" id="id21"></span>
                    </div>
                    <div class="col-md-6">
                        <label for="id22">支付账号:</label>
                        <span class="field" id="id22"></span>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <label for="id23">出入:</label>
                        <span class="field" id="id23"></span>
                    </div>
                    <div class="col-md-6">
                        <label for="id24">手续费:</label>
                        <span class="field" id="id24"></span>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <label for="id25">创建时间:</label>
                        <span class="field" id="id25"></span>
                    </div>
                    <div class="col-md-6">
                        <label for="id26">更新时间:</label>
                        <span class="field" id="id26"></span>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <label for="id27">支付时间:</label>
                        <span class="field" id="id27"></span>
                    </div>
                    <div class="col-md-6">
                        <label for="id28">确认时间:</label>
                        <span class="field" id="id28"></span>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <label for="id29">支付方式:</label>
                        <span class="field" id="id29"></span>
                    </div>
                    <div class="col-md-6">
                        <label for="id30">第三方的申请编号:</label>
                        <span class="field" id="id30"></span>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <label for="id31">确认消息:</label>
                        <span class="field" id="id31"></span>
                    </div>
                    <div class="col-md-6">
                        <label for="id32">取消原因:</label>
                        <span class="field" id="id32"></span>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <label for="id33">备注:</label>
                        <span class="field" id="id33"></span>
                    </div>
                    <div class="col-md-6">
                        <label for="id34">支付描述:</label>
                        <span class="field" id="id34"></span>
                    </div>
                </div>
                <!--先注释，出现版本号拿不出来-->
                <!--<div class="row">
                    <div class="col-md-6">
                        <label for="id35">版本:</label>
                        <span class="field" id="id35"></span>
                    </div>
                </div>-->

            </div>
            <div class="modal-footer">
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
<div class="box box-primary tableBox">
    <div class="box-header">
        <h3 class="box-title">还款计划管理</h3>
    </div>
    <!-- /.box-header -->
    <div class="box-body">
        <table id="repaymentPlanManageTable" class="table table-bordered table-hover" width="100%">
            <thead>
            <tr>
                <th>交易记录id</th>
                <th>订单id</th>
                <th>用户id</th>
                <th>还款状态</th>
                <th>初始利率</th>

                <th>当前利率</th>
                <th>本期应还本金</th>
                <th>本期应还利息</th>
                <th>本期期数</th>
                <th>总分期数</th>

                <th>创建时间</th>
                <th>更新时间</th>
                <th>应还款时间</th>
                <th>实现结清时间</th>
                <th>是否提前结清</th>

                <th>手续费</th>
                <th>滞纳金</th>
                <th>版本</th>
                <th>查看借款记录</th>
            </tr>
            </thead>
            <tfoot>
            <tr>
                <th>交易记录id</th>
                <th>订单id</th>
                <th>用户id</th>
                <th>还款状态</th>
                <th>初始利率</th>

                <th>当前利率</th>
                <th>本期应还本金</th>
                <th>本期应还利息</th>
                <th>本期期数</th>
                <th>总分期数</th>

                <th>创建时间</th>
                <th>更新时间</th>
                <th>应还款时间</th>
                <th>实现结清时间</th>
                <th>是否提前结清</th>

                <th>手续费</th>
                <th>滞纳金</th>
                <th>版本</th>
                <th>查看借款记录</th>
            </tr>
            </tfoot>
        </table>
    </div><!-- /.box-body -->
</div>
<!--/*/ </th:block>  /*/-->


<!-- 原型注释  -->
<!--/*/ <th:block th:fragment="tailScript" > /*/-->
<script type="text/javascript"
        src="lib/adminLTE/plugins/datatable/media/js/jquery.dataTables.min.js"></script>
<script type="text/javascript"
        src="lib/adminLTE/plugins/datatable/media/js/dataTables.bootstrap.min.js"></script>
<script type="text/javascript"
        src="lib/adminLTE/plugins/datatable/extensions/Select/js/dataTables.select.min.js"></script>
<!--button所需js-->
<script type="text/javascript"
        src="lib/adminLTE/plugins/datatable/extensions/Buttons/js/dataTables.buttons.js"></script>
<script type="text/javascript" src="lib/adminLTE/plugins/datatable/extensions/Buttons/js/buttons.html5.js"></script>
<script type="text/javascript" src="lib/adminLTE/bootstrap-select/js/bootstrap-select.js"></script>
<script type="text/javascript" src="lib/adminLTE/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js"></script>

<!--button所需js-->


<script type="text/javascript" src="js/res/repaymentPlanManage.js"></script>
<!--/*/ </th:block>  /*/-->
</body>
</html>